import { View, Text, TouchableOpacity } from 'react-native'
import React from 'react'
import { Avatar, ListItem } from '@rneui/themed'

export default function myAvatar() {
  return (
    <View>
      <Avatar 
        icon={{name: 'meh', type: 'antdesign'}}
        containerStyle={{backgroundColor: '#090'}}
        size={60}
        rounded
      />
      <TouchableOpacity activeOpacity={0.5}>
        <Avatar 
          source={{uri: 'https://c-ssl.duitang.com/uploads/item/201809/04/20180904093405_dWSWw.jpeg'}}
          size={60}
          rounded
        />
      </TouchableOpacity>
      
      <Avatar 
        title='M'
        size={60}
        rounded
        containerStyle={{backgroundColor: '#090'}}
      />

      {/* 列表 */}
      <ListItem 
        bottomDivider
        containerStyle={{
          backgroundColor: 'lightblue',
          marginTop: 30,
          paddingVertical: 30,
          marginBottom: 10
        }}
      >
        <Avatar 
          size={60}
          containerStyle={{backgroundColor: '#090'}}
          title='Z'
          rounded
        />
        <ListItem.Content>
          {/* 标题 */}
          <ListItem.Title>Firm</ListItem.Title>
          {/* 二级标题 */}
          <ListItem.Subtitle>职位：架构师</ListItem.Subtitle>
        </ListItem.Content>
        {/* 右侧小箭头 */}
        <ListItem.Chevron />
      </ListItem>
      <ListItem bottomDivider>
        <ListItem.Content>
          <ListItem.Title>铭哥</ListItem.Title>
        </ListItem.Content>
        <ListItem.Chevron />
        
      </ListItem>
      <ListItem>
        <ListItem.Content>
          <ListItem.Title>华哥</ListItem.Title>
        </ListItem.Content>
        <ListItem.Chevron />
      </ListItem>

    </View>
  )
}